﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="IndagateCompare.aspx.cs" Inherits="ZX.WebApp.TR.IndagateCompare" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <!--CSS file (default YUI Sam Skin) -->
    <link rel="stylesheet" type="text/css" href="../scripts/yui_2.9.0/build/reset-fonts-grids/reset-fonts-grids.css" />
    <link rel="stylesheet" type="text/css" href="../scripts/yui_2.9.0/build/container/assets/skins/sam/container.css" />
    <link rel="stylesheet" type="text/css" href="../scripts/yui_2.9.0/build/resize/assets/skins/sam/resize.css" />
    <link rel="stylesheet" type="text/css" href="../scripts/yui_2.9.0/build/layout/assets/skins/sam/layout.css" />
    <!--begin custom header content for this example-->
    <style type="text/css">
    /* Table样式 */
    .tableContent
    {
        width:100%;
        border-collapse: collapse;
    }
    .tableContent th
    {
        font-weight:normal;
        border: solid 1px #D4DBE2;
        background-color:#F2F8FF;
        white-space: nowrap;
        line-height:30px;
        text-align:right;
    }
    .tableContent td
    {
        font-weight:normal;
        border: solid 1px #D4DBE2;
        background-color:#F2F8FF;
        white-space: nowrap;
        line-height:30px;
        text-align:left;
    }
    </style>
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/element/element-min.js"></script>
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/datasource/datasource-min.js"></script>
    <!-- OPTIONAL: JSON Utility (for DataSource) -->
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/json/json-min.js"></script>
    <!-- OPTIONAL: Connection Manager (enables XHR for DataSource) -->
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/connection/connection-min.js"></script>
    <!-- OPTIONAL: Get Utility (enables dynamic script nodes for DataSource) -->
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/get/get-min.js"></script>
    <!-- OPTIONAL: Drag Drop (enables resizeable or reorderable columns) -->
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/dragdrop/dragdrop-min.js"></script>
    <!-- OPTIONAL: Calendar (enables calendar editors) -->
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/calendar/calendar-min.js"></script>
    <!-- Source files -->
    <script type="text/javascript" src="../Scripts/yui_2.9.0/build/datatable/datatable-min.js"></script>
    <script type="text/javascript" src="../scripts/yui_2.9.0/build/layout/layout-min.js"></script>
    <script type="text/javascript" src="../scripts/yui_2.9.0/build/button/button-min.js"></script>
    <script type="text/javascript" src="../scripts/yui_2.9.0/build/container/container-min.js"></script>
    <script type="text/javascript" src="../scripts/yui_2.9.0/build/treeview/treeview-min.js"></script>
    <script type="text/javascript" src="../scripts/yui_2.9.0/build/resize/resize-min.js"></script>
</head>
<body class="yui-skin-sam">
    <form id="form1" runat="server">
    <div id="data">
        <div id="CourseA">
            <table style="width: 100%" class="tableContent">
            <tr>
                <th align="right" style="width:80px; height:30px;">
                    调研类型：
                </th>
                <td>
                    &nbsp;<asp:Label ID="lblType" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <th align="right" style="width:80px; height:30px;">
                    调研主题：
                </th>
                <td>
                    &nbsp;<asp:Label ID="lblTopic" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <th align="right" style="width:80px; height:30px;">
                    调研内容：
                </th>
                <td>
                    &nbsp;<asp:Label ID="lblContent" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <th align="right" style="width:80px; height:30px;">
                    活动名称：
                </th>
                <td>
                    &nbsp;<asp:Label ID="lblAName" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <th align="right" style="width:80px; height:30px;">
                    问卷名称：
                </th>
                <td>
                    &nbsp;<asp:Label ID="lblQName" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <th align="right" style="width:80px; height:30px;">
                    问卷目的：
                </th>
                <td>
                    &nbsp;<asp:Label ID="lblQaim" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <th align="right" style="width:80px; height:30px;">
                    总得分：
                </th>
                <td>
                    &nbsp;<asp:Label ID="txtPoint" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <th align="right" style="width:80px; height:30px;">
                    调研总结：
                </th>
                <td>
                    &nbsp;<asp:Label ID="txtResult" runat="server"></asp:Label>
                </td>
            </tr>
        </table>
        </div>
        <div id="CourseB">
            <table style="width: 100%" class="tableContent">
            <tr>
                <th align="right" style="width:80px; height:30px;">
                    调研类型：
                </th>
                <td>
                    &nbsp;<asp:Label ID="lblTypeB" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <th align="right" style="width:80px; height:30px;">
                    调研主题：
                </th>
                <td>
                    &nbsp;<asp:Label ID="lblTopicB" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <th align="right" style="width:80px; height:30px;">
                    调研内容：
                </th>
                <td>
                    &nbsp;<asp:Label ID="lblContentB" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <th align="right" style="width:80px; height:30px;">
                    活动名称：
                </th>
                <td>
                    &nbsp;<asp:Label ID="lblANameB" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <th align="right" style="width:80px; height:30px;">
                    问卷名称：
                </td>
                <td>
                    &nbsp;<asp:Label ID="lblQNameB" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <th align="right" style="width:80px; height:30px;">
                    问卷目的：
                </th>
                <td>
                    &nbsp;<asp:Label ID="lblQaimB" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <th align="right" style="width:80px; height:30px;">
                    总得分：
                </th>
                <td>
                    &nbsp;<asp:Label ID="txtPointB" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <th align="right" style="width:80px; height:30px;">
                    调研总结：
                </th>
                <td>
                    &nbsp;<asp:Label ID="txtResultB" runat="server"></asp:Label>
                </td>
            </tr>
        </table>
        </div>
    </div>
    </form>
</body>
<script type="text/javascript">
    (function () {
        var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event;

        Event.onDOMReady(function () {
            var layout = new YAHOO.widget.Layout({
                units: [
                { position: 'center', body: 'data', gutter: '1 1', collapse: true,scroll: true }
            ]
            });
        layout.on('render', function() {
            var el1 = layout.getUnitByPosition('center').get('wrap');
            var layout2 = new YAHOO.widget.Layout(el1, {
                parent: layout,
                units: [
                    { position: 'left', body: 'CourseB', header: '课前调研', width: 300, gutter: '1 2 1 1', resize: true, scroll: true },
                    { position: 'center', body: 'CourseA', header: '课后调研', gutter: '1 1 1 2', scroll: true }
                ]
            });
            layout2.render();
        });
        
        layout.render();
        });
    })();
</script>
</html>
